<template>
<view class="detailContainer">
	  <image class="headImg" :src="storeInfo.icon"></image>
	  <view class="ad_titile">
		<text class="company">{{storeInfo.name}}</text>
	  </view>
	  
	  	<view class="notices-info">
	  		<view class="notice-bottom">
	  			<view>
	  				<text class="lg cuIcon-phone notice-startTime margin-left-xs">{{storeInfo.tel}}</text>
	  			</view>
	  		</view>
	  		<view class="notice-bottom">
	  			<view>
	  				<text class="lg cuIcon-time notice-startTime margin-left-xs">{{storeInfo.workTime}}</text>
	  			</view>
	  		</view>
	  		<view class="notice-bottom">
	  			<view>
	  				<text class="lg cuIcon-location notice-startTime margin-left-xs">{{storeInfo.site}}</text>
	  			</view>
	  		</view>
	  	</view>
	  <view class="ad_context">
		<rich-text :nodes="storeInfo.remark"></rich-text>
	  </view>
</view>
</template>

<script>
	import {getStoreInfo} from '../../api/shop/shopApi.js'
	export default {
		data() {
			return {
				storeInfo:{},
				sid:'',
			};
		},
		components: {
		},
		onLoad(option){
			this.vc.onLoad(option);
			this.sid = option.sid;
			this.getStoreInfos();
		},
		methods: {
			getStoreInfos: function() {
				//查询分类
				let _that = this;
				let _data = {
					storeInfoId:_that.sid,
					page:1,
					row:1
				}
				getStoreInfo(_data)
				.then(function(stores){
					_that.storeInfo = stores[0];
				});
			}
		}
	}
</script>

<style>
	.detailContainer{ 
	  background-color: #fff;
	}
	.detailContainer .headImg{
	  width: 100%;
	  height: 400rpx;
	}
	
	.detailContainer .ad_titile{
	  text-align: center;
	  padding-top: 30rpx;
	  margin-bottom: 30rpx;
	  font-size: 44rpx;
	}
	
	.detailContainer .ad_au_text{
	  font-size: 32rpx;
	  color: #8e8e8e
	}
	.detailContainer .ad_context{
	  padding: 0rpx 40rpx 40rpx 40rpx;
	}
	.notice-startTime{
		padding: 0rpx 40rpx 40rpx 40rpx;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
</style>